﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>美食之窗</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="~/BootStrap/css/bootstrap.css" rel="stylesheet" />
    <link href="~/css/mscook.css" rel="stylesheet" type="text/css" />
    <link href="~/Carousel/allinone_thumbnailsBanner.css" rel="stylesheet" />
    <link href="~/Carousel/featureCarousel.css" rel="stylesheet" />
    <!--<script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
    <script src="apps/core.js"></script>-->

    <link href="Carousel/accordion.css" rel="stylesheet" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="BootStrap/js/html5.js"></script>
        <script src="BootStrap/js/respond.src.js"></script>
        
    <![endif]-->
    <!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/bootstrap-ie6.css">
    <![endif]-->
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/ie.css">
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.bootcss.com/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.bootcss.com/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.bootcss.com/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://www.bootcss.com/assets/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="~/Images/mszc.ico">
</head>
<body>
    <!-- NAVBAR
================================================== -->
    <div id="site-mast" class="site-mast visible-desktop">
        <div class="container site-mast__user-nav cf site-mast--poisearch">
            <ul class="mobile-info">

                <li class="user-info cf">
                    <span class="user-info__moto">请</span>
                    <a class="user-info__login" href="Login.aspx">登录</a>
                    <a class="user-info__signup" href="Register.aspx">免费注册</a>
                    <a class="user-info__center" href="#">会员中心></a>
                </li>

            </ul>
            <ul class="site-mast__user-w">
                <li class="user-info cf">
                    <a class="user-todo" href="#">杂志订阅</a>
                    <a class="user-todo" href="#">问卷调查</a>
                    <a class="user-todo" href="#">更多></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- login_Modal -->
    <div id="dialog-form-login" class="modal hide fade" title="用户登录" aria-hidden="false" style="display: none;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4>用户登录</h4>
        </div>
        <form id="ajaxLoginform" method="post" action="#">
            <div class="modal-body">
                <div class="weibo_button_div">
                    <a href="qiugous/weibo_auth" class="btn btn-block wb_login">
                        <img alt="weibo_logo" class="weibo_logo" src="Images/weibologo_16x16.png" height="16" width="16">
                        微博一键登录</a>
                </div>
                <div class="signup-or-separator">
                    <span class="text">或者，通过邮箱和密码登录</span>
                    <hr>
                </div>
                <div class="registerloginform">
                    <fieldset>
                        <input type="text" name="email" id="login_email_id" class="text ui-widget-content ui-corner-all" autofocus="" placeholder="注册邮箱"value="注册邮箱">
                        <input type="password" name="password" id="login_password_id" class="text ui-widget-content ui-corner-all" placeholder="密码"value="密码">
                    </fieldset>
                </div>
            </div>
            <div class="modal-footer">
                <span id="login_to_forgot_password_button_id" class="forgot_password pull-left"><a class="link" href="#">忘记密码?</a></span>
                <input type="submit" name="submit" value="登录" class="btn btn-inverse" id="login_button_id">
            </div>
        </form>
    </div>
    <!--./Login Modal-->
    <!-- register_Modal -->
    <div id="dialog-form-register" class="modal hide fade" title="用户注册" aria-hidden="false" style="display: none;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <span class="membership pull-right">已有账户? 
          <a type="button" name="login_to_register" class="signin-link" href="Login.aspx" id="register_to_login_button_id">登录</a>
        </span>
            <h4>用户注册</h4>
        </div>
        <form id="ajaxRegisterform" method="post" action="#">
            <div class="modal-body">
                <div class="weibo_button_div">
                    <a href="qiugous/weibo_auth" class="btn btn-block wb_login">
                        <img alt="weibo_logo" class="weibo_logo" src="Images/weibologo_16x16.png" height="16" width="16">
                        微博一键注册</a>
                </div>
                <div class="signup-or-separator">
                    <span class="text">或者，您也可以直接注册</span>
                    <hr>
                </div>
                <div class="registerloginform">
                    <fieldset>
                        <input type="text" name="data[User][username]" id="register_username_id" class="text ui-widget-content ui-corner-all" autofocus="" placeholder="用户名"value="用户名">
                        <input type="text" name="data[User][email]" id="register_email_id" class="text ui-widget-content ui-corner-all" placeholder="邮箱"value="邮箱">
                        <input type="password" name="data[User][password]" id="register_password_id" class="text ui-widget-content ui-corner-all" placeholder="密码">
                    </fieldset>
                </div>
            </div>
            <div class="modal-footer">
                <input type="submit" name="submit" value="注册" class="btn btn-inverse" >
            </div>
        </form>
    </div>
    <!--./register_Modal-->
    <div id="header" class="visible-desktop">
        <div class="container headerarea">
            <div class="row">
                <div class="span3">
                    <div id="logo" class="visible-desktop">
                        <h2>
                            <a title="美食之窗" href="http://www.meishichina.com/" target="_parent"><strong>美食之窗</strong></a></h2>
                    </div>
                </div>
                <!-- <div class="span3">
            <form class="form-search">
              <input type="text" class="input-medium search-query">
              <button type="submit" class="btn btn-warning">搜索</button>
            </form>
        </div>-->
                <div class="span5">
                    <div class="full-search-bar">
                        <ul class="item-stream unstyled search-input-stream">
                            <li class="stream-item stream-header search-input-item">
                                <form class="form-inline search-form" action="/artists/search">
                                    <input name="q" class="xlarge ui-autocomplete-input" id="Text1" role="textbox" aria-haspopup="true"
                                        aria-autocomplete="list" type="text" placeholder="输入您需要的菜谱/食材/资讯" value="输入您需要的菜谱/食材/资讯" autocomplete="off">
                                    <button class="btn btn-inverse" id="Button1" type="submit">
                                        <i class="icon-search icon-white"></i>
                                    </button>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="span4 loginitem_h">

                    <a class="link header_login" href="#dialog-form-login" data-toggle="modal">登录</a>
                    <a href="#dialog-form-register" data-toggle="modal"class="link header_register">注册</a>
                    <a href="#" class="link header_wblogin">微博登录</a>
                    <a href="#" class="link header_qqlogin">QQ登录</a>

                </div>
            </div>
        </div>
        <div class="clearfix">
        </div>
    </div>
    <div class="navbar navbar-inverse navbar-static-top">
        <div class="navbar-inner">
            <div class="container">

                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </button>

                <a class="brand hidden-desktop" href="./index.html">美食之窗</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li><a>&nbsp;&nbsp;</a></li>
                        <li class="active"><a href="./index.htm"><strong>首页</strong></a> </li>
                        <li class=""><a href="./person.htm"><strong>最新资讯</strong></a> </li>
                        <li class=""><a href="./scaffolding.html"><strong>菜谱大全</strong></a> </li>
                        <li class=""><a href="./base-css.html"><strong>封面人物</strong></a> </li>
                        <li class=""><a href="./components.html"><strong>食材精选</strong></a> </li>
                        <li class=""><a href="./javascript.html"><strong>合作酒店</strong></a> </li>
                        <li class=""><a href="./customize.html"><st>线上活动</st rong></a> </li>
                    </ul>
                    <!--<form class="navbar-form pull-right">
                  <input class="span2" type="text" placeholder="邮箱">
                  <input class="span2" type="password" placeholder="密码">
                  <button type="submit" class="btn btn-warning">登录</button>
                  <button type="submit" class="btn btn-warning">注册</button>
                </form>-->
                </div>
            </div>
        </div>
    </div>
    <!-- Carousel
================================================== -->

    <div class="container">
        <!--<div id="myCarousel" class="carousel slide">
            <div class="carousel-inner" style="position: relative">
                <div class="item" data-image="Images/magazinea.jpg">
                    <img />
                </div>
                <div class="item" data-image="Images/magazineb.jpg">
                    <img />
                </div>
                <div class="item" data-image="Images/magazinec.jpg">
                    <img />
                </div>
            </div>
        </div>-->
        <div class="bannerbox hidden-phone">
            <div class="frame960">
                <div id="Banner_simple">
                    <ul class="Banner_list">
                        <li data-bottom-thumb="Images/slider_img/02_simple.jpg" data-text-id="#photoText1">
                            <img data-src="Images/slider_img/adde8400gw1e45qls1yctj20qo0aoacr.jpg" /></li>
                        <li data-bottom-thumb="Images/slider_img/01_simple.jpg" data-text-id="#photoText2">
                            <img data-src="Images/slider_img/adde8400gw1e45qldu0yfj20qo0ao418.jpg" /></li>
                        <li data-bottom-thumb="Images/slider_img/03_simple.jpg" data-text-id="#photoText3">
                            <img data-src="Images/slider_img/adde8400jw1e45qmb4deij20qo0aoq5s.jpg" /></li>
                        <li data-bottom-thumb="Images/slider_img/04_simple.jpg" data-text-id="#photoText4">
                            <img data-src="Images/slider_img/adde8400jw1e45qmj98stj20qo0aotbh.jpg" /></li>
                         <li data-bottom-thumb="Images/slider_img/02_simple.jpg" data-text-id="#photoText1">
                            <img data-src="Images/slider_img/adde8400gw1e45qls1yctj20qo0aoacr.jpg" /></li>
                        <li data-bottom-thumb="Images/slider_img/01_simple.jpg" data-text-id="#photoText2">
                            <img data-src="Images/slider_img/adde8400gw1e45qldu0yfj20qo0ao418.jpg" /></li>
                        <li data-bottom-thumb="Images/slider_img/03_simple.jpg" data-text-id="#photoText3">
                            <img data-src="Images/slider_img/adde8400jw1e45qmb4deij20qo0aoq5s.jpg" /></li>
                        <li data-bottom-thumb="Images/slider_img/04_simple.jpg" data-text-id="#photoText4">
                            <img data-src="Images/slider_img/adde8400jw1e45qmj98stj20qo0aotbh.jpg" /></li>
                        
                    </ul>

                    <div id="photoText1" class="photo_texts">
                        <div class="text_line textElement11_simple" data-initial-left="0" data-initial-top="60" data-final-left="0" data-final-top="320" data-duration="0.5" data-fade-start="0" data-delay="0">
                            &nbsp;&nbsp;&nbsp;耳目一新 <a href="#" target="_blank">特色</a> 美食会所<br />
                            &nbsp;&nbsp;&nbsp;食者究其所居
                        </div>
                    </div>

                    <div id="photoText2" class="photo_texts">
                        <div class="text_line textElement21_simple" data-initial-left="200" data-initial-top="60" data-final-left="45" data-final-top="60" data-duration="0.5" data-fade-start="0" data-delay="0">
                            <span style="font-weight: bold;">16 TRANSITION EFFECTS<br />
                                FOR IMAGES</span><br />
                            optional can set the transition<br />
                            for each image
                        </div>
                    </div>

                    <div id="photoText3" class="photo_texts">
                        <div class="text_line textElement31_simple" data-initial-left="70" data-initial-top="160" data-final-left="70" data-final-top="60" data-duration="0.5" data-fade-start="0" data-delay="0">
                            <span>Animated text from any direction</span><br />
                            <span style="text-transform: uppercase; font-weight: bold;">top, bottom, left<br />
                                and right</span><br />
                            Any color, CSS and HTML formated
                        </div>
                    </div>

                    <div id="photoText4" class="photo_texts">
                        <div class="text_line textElement41_simple" data-initial-left="100" data-initial-top="60" data-final-left="480" data-final-top="60" data-duration="0.5" data-fade-start="0" data-delay="0">
                            <span style="text-transform: uppercase; font-weight: bold;">16 transition effects<br />
                                for images</span><br />
                            optional can set the transition<br />
                            for each image
                        </div>
                    </div>

                    <div id="photoText5" class="photo_texts">
                        <div class="text_line textElement51_simple" data-initial-left="0" data-initial-top="200" data-final-left="0" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0">
                            <span style="font-weight: bold; text-transform: uppercase;">Up to 4 types of <a href="http://www.17sucai.com" target="_blank">sliders</a></span><br />
                            Each with multiple skins
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- /.carousel -->


    <!-- Marketing messaging and featurettes
=================================          ================= -->

    <div class="container marketing">
        <!-- title -->
        <div class="last_title">
            <div class="row">
                <h1 class="offset2 span1">美</h1>
                <h3 class="span3" style="line-height: 50px">是味蕾上升华的极致</h3>
                <div class="clearfix"></div>
                <h3 class="offset5 span4" style="">别样的素雅淡然</h3>
                <h1 class="offset2 span2">烹饪</h1>
                <h3 class="span3" style="line-height: 50px">艺之天成</h3>
            </div>
        </div>
        <!-- featureCarousel.3D -->
        <div class="ms_featureCarousel hidden-phone">
            <div id="featureCarousel">
                <div class="feature">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/slider_img2/mugua.jpg" /></a>
                    <div>
                        <p>
                            木瓜虾球，口感爽滑，营养健康，是值得一试的好菜。
                        </p>
                    </div>
                </div>
                <div class="feature">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/slider_img2/xianbao.jpg"/></a>
                    <div>
                        <p>
                            鲜鲍炖土豆，鲜美的鲍汁浸入土豆，鲜味自不可挡。
                        </p>
                    </div>
                </div>
                <div class="feature">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/slider_img2/yupa.jpg"/></a>
                    <div>
                        <p>
                            招牌蝶鱼扒，鱼扒，这样吃才够味。
                        </p>
                    </div>
                </div>
                <div class="feature">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/slider_img2/yupa.jpg"/></a>
                    <div>
                        <p>
                            木瓜虾球，口感爽滑，营养健康，是值得一试的好菜。
                        </p>
                    </div>
                </div>
                <div class="feature">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/slider_img2/xianbao.jpg"/></a>
                    <div>
                        <p>
                            鲜鲍炖土豆，鲜美的鲍汁浸入土豆，鲜味自不可挡。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- recipes -->
        <div class="row recipes">
            <div class="span3 list">
                <div class="img">
                    <a target="_blank" href="#">
                        <img src="lazyload/grey.gif" data-source="Images/dangao.jpg" /></a>
                </div>
                <div class="info2">
                </div>
                <div class="info1">
                    <h4>
                        <a href="#">木桃英思</a>
                    </h4>
                    <p>
                        <span>0评论</span>
                        <span>50人气</span>
                    </p>
                    <a href="#" class="s_name">找鱼儿</a>
                </div>
            </div>
            <div class="span3 list">
                <div class="img">
                    <a target="_blank" href="#">
                        <img src="lazyload/grey.gif" data-source="Images/mutao.jpg" /></a>
                </div>
                <div class="info2">
                </div>
                <div class="info1">
                    <h4>
                        <a href="#">留恋巧克力月饼</a>
                    </h4>
                    <p>
                        <span>0评论</span>
                        <span>50人气</span>
                    </p>
                    <a href="#" class="s_name">李云龙</a>
                </div>
            </div>
            <div class="span3 list">
                <div class="img">
                    <a target="_blank" href="#">
                        <img src="lazyload/grey.gif" data-source="Images/hongshaorou_150x150.jpg" /></a>
                </div>
                <div class="info2">
                </div>
                <div class="info1">
                    <h4>
                        <a href="#">红烧肉</a>
                    </h4>
                    <p>
                        <span>0评论</span>
                        <span>50人气</span>
                    </p>
                    <a href="#" class="s_name">小黄人</a>
                </div>
            </div>
            <div class="span3 list">
                <div class="img">
                    <a target="_blank" href="#">
                        <img src="lazyload/grey.gif" data-source="Images/muer.jpg" /></a>
                </div>
                <div class="info2">
                </div>
                <div class="info1">
                    <h4>
                        <a href="#">爽口木耳</a>
                    </h4>
                    <p>
                        <span>0评论</span>
                        <span>50人气</span>
                    </p>
                    <a href="#" class="s_name">宋玉</a>
                </div>
            </div>
            <div class="span3 list">
                <div class="img">
                    <a target="_blank" href="#">
                        <img src="lazyload/grey.gif" data-source="Images/baogu.jpg" /></a>
                </div>
                <div class="info2">
                </div>
                <div class="info1">
                    <h4>
                        <a href="#">黑椒杏鲍菇</a>
                    </h4>
                    <p>
                        <span>0评论</span>
                        <span>50人气</span>
                    </p>
                    <a href="#" class="s_name">小明</a>
                </div>
            </div>
            <div class="span3 list">
                <div class="img">
                    <a target="_blank" href="#">
                        <img src="lazyload/grey.gif" data-source="Images/tudouni.jpg" /></a>
                </div>
                <div class="info2">
                </div>
                <div class="info1">
                    <h4>
                        <a href="#">香炸土豆泥</a>
                    </h4>
                    <p>
                        <span>0评论</span>
                        <span>50人气</span>
                    </p>
                    <a href="#" class="s_name">霸天虎</a>
                </div>
            </div>
            <div class="span3 list">
                <div class="img">
                    <a target="_blank" href="#">
                        <img src="lazyload/grey.gif" data-source="Images/dazhaxie.jpg" /></a>
                </div>
                <div class="info2">
                </div>
                <div class="info1">
                    <h4>
                        <a href="#">大闸蟹</a>
                    </h4>
                    <p>
                        <span>0评论</span>
                        <span>50人气</span>
                    </p>
                    <a href="#" class="s_name">钢铁侠</a>
                </div>
            </div>
            <div class="span3 list">
                <div class="host">
                    <h4>热门词汇</h4>
                    <ul>
                        <li><a href="#">清热解毒</a></li>
                        <li><a href="#">去火</a></li>
                        <li><a href="#">湘菜</a></li>
                        <li><a href="#">爽滑美味</a></li>
                        <li><a href="#">粤菜</a></li>
                        <li><a href="#">鲁菜</a></li>
                        <li><a href="#">川菜</a></li>
                    </ul>
                </div>
                <div class="info1">
                    <a href="#" class="menu_btn">查看其它菜谱>></a>
                </div>
            </div>
        </div>
        <div class="last_title">
            <div class="row">
                <h3 class="span3 offset2" style="line-height: 50px">巧妇难为无米之炊</h3>
                <div class="clearfix"></div>
                <h1 class="offset3 span2">食材</h1>
                <h3 class="span3" style="line-height: 50px">组合味觉艺术</h3>
            </div>
        </div>
        <hr class="featurette-divider" />
        <div id="material" class="material">
            <ul class="nav nav-pills">
                <li><a href="#tabs-1">水果</a></li>
                <li class="active_back"><a href="#tabs-2">蔬菜</a></li>
                <li><a href="#tabs-3">五谷</a></li>
                <li><a href="#tabs-3">生鲜</a></li>
            </ul>
            <div id="tabs-1">
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
            </div>
            <div id="tabs-2">
                <div class="span2">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/material/jiaobai.jpg" /></a>
                </div>
                <div class="span2">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/material/shanyao.jpg" /></a>
                </div>
                <div class="span2">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/material/tudou.jpg" /></a>
                </div>
                <div class="span2">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/material/xingbaogu.jpg" /></a>
                </div>
                <div class="span2">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/material/baicai.jpg" /></a>
                </div>
                <div class="span2">
                    <a href="#">
                        <img src="lazyload/grey.gif" data-source="Images/material/bocai.jpg" /></a>
                </div>
            </div>
            <div id="tabs-3">
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
            </div>
            <div id="tabs-4">
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
                <div class="span2"></div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="last_title">
            <div class="row">
                <h3 class="span3 offset2" style="line-height: 50px">现在，你需要什么？</h3>
                <div class="clearfix"></div>
                <h1 class="offset3 span3">美食之窗</h1>
                <h3 class="span3" style="line-height: 50px">追求美味真谛</h3>
            </div>
        </div>
        <hr class="featurette-divider" />
        <div class="magzine row">
            <div class="span4 cover">
                <div class="cover_img">
                    <a href="read.htm">
                        <img src="lazyload/grey.gif" data-source="Images/magzine/cover_a.jpg" /></a>
                </div>
                <div class="ma_but">
                    <a href="#" class="menu_btn1">在线阅览</a>
                    <a href="#" class="menu_btn2">&nbsp;&nbsp;&nbsp;订阅&nbsp;&nbsp;&nbsp;</a>

                </div>
            </div>
            <div class="span4 cover">
                <div class="cover_img">
                    <a href="read.htm">
                        <img src="lazyload/grey.gif" data-source="Images/magzine/cover_b.jpg" /></a>
                </div>
                <div class="ma_but">
                    <a href="#" class="menu_btn1">在线阅览</a>
                    <a href="#" class="menu_btn2">&nbsp;&nbsp;&nbsp;订阅&nbsp;&nbsp;&nbsp;</a>
                </div>
            </div>
            <div class="span4 cover">
                <div class="cover_img">
                    <a href="read.htm">
                        <img src="lazyload/grey.gif" data-source="Images/magzine/cover_c.jpg" /></a>
                </div>
                <div class="ma_but">
                    <a href="#" class="menu_btn1">在线阅览</a>
                    <a href="#" class="menu_btn2">&nbsp;&nbsp;&nbsp;订阅&nbsp;&nbsp;&nbsp;</a>
                </div>
            </div>
        </div>
        <div class="last_title">
            <div class="row">
                <h3 class="span2 offset3" style="line-height: 50px">每一个</h3>
                <h1 class="span2">厨师</h1>
                <h3 class="span3" style="line-height: 50px">都是美食家</h3>
            </div>
        </div>
        <hr class="featurette-divider" />
        <div id="myCarousel" class="carousel slide">
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="active item">
                    <img src="lazyload/grey.gif" data-source="Images/slider_img/adde8400gw1e45qldu0yfj20qo0ao418.jpg" />
                    <div class="carousel-caption">
                        <h4>Second Thumbnail label</h4>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                </div>
                <div class="item">
                    <img src="lazyload/grey.gif" data-source="Images/slider_img/adde8400gw1e45qls1yctj20qo0aoacr.jpg" />
                    <div class="carousel-caption">
                        <h4>Second Thumbnail label</h4>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                </div>
                <div class="item">
                    <img src="lazyload/grey.gif" data-source="Images/slider_img/adde8400gw1e45qm2rnzgj20qo0aoac7.jpg" />
                    <div class="carousel-caption">
                        <h4>Second Thumbnail label</h4>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                </div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
        <div class="last_title">
            <div class="row">
                <h3 class="span2 offset3" style="line-height: 50px">我们的</h3>
                <h1 class="span3">合作伙伴</h1>

            </div>
        </div>
        <hr class="featurette-divider" />

        <div style="background: #fff; padding-left: 20px" class="hidden-phone">
            <div>
                <img src="lazyload/grey.gif" data-source="Images/accordion/cyhs.png" />
            </div>
            <ul class="accordion" id="accordion">
                <li class="bg1">
                    <img src="lazyload/grey.gif" data-source="Images/accordion/01.jpg" />
                    <div class="heading">Guler</div>
                    <div class="bgDescription"></div>
                    <div class="description">
                        <h2>Guler</h2>
                        <p></p>
                        <a href="#">more &rarr;</a>
                    </div>
                </li>
                <li class="bg2">
                    <img src="lazyload/grey.gif" data-source="Images/accordion/02.jpg" />
                    <div class="heading">Phillips</div>
                    <div class="bgDescription"></div>
                    <div class="description">
                        <h2>Phillips</h2>
                        <p></p>
                        <a href="#">more &rarr;</a>
                    </div>

                </li>
                <li class="bg3">
                    <img src="lazyload/grey.gif" data-source="Images/accordion/03.jpg" />
                    <div class="heading">Diamanti</div>
                    <div class="bgDescription"></div>
                    <div class="description">
                        <h2>Diamanti</h2>
                        <p></p>
                        <a href="#">more &rarr;</a>
                    </div>

                </li>
                <li class="bg4">
                    <img src="lazyload/grey.gif" data-source="Images/accordion/04.jpg" />
                    <div class="heading">Meiklejohn</div>
                    <div class="bgDescription"></div>
                    <div class="description">
                        <h2>Meiklejohn</h2>
                        <p></p>
                        <a href="#">more &rarr;</a>
                    </div>

                </li>
                <li class="bg5">
                    <img src="lazyload/grey.gif" data-source="Images/accordion/05.jpg" />
                    <div class="heading">Meiklejohn</div>
                    <div class="bgDescription"></div>
                    <div class="description">
                        <h2>Meiklejohn</h2>
                        <p></p>
                        <a href="#">more &rarr;</a>
                    </div>
                </li>
                <li class="bg6 bleft">
                    <img src="lazyload/grey.gif" data-source="Images/accordion/06.jpg" />
                    <div class="heading">Meiklejohn</div>
                    <div class="bgDescription"></div>
                    <div class="description">
                        <h2>Meiklejohn</h2>
                        <p></p>
                        <a href="#">more &rarr;</a>
                    </div>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div>
            <img src="Images/ui-section.jpg" />
        </div>
        <div class="bottom_logo">

            <img src="Images/bottom_logo.png" style="margin: 0 auto; display: block" />

        </div>
        <div>
            <img src="Images/ui-section.jpg" />
        </div>
    </div>
    <!-- FOOTER -->
    <div class="footer">
        <div class="container">
            <div class="footer_con1 row">
                <div class="span6">
                    <h4>合作酒店</h4>
                    <div class="row house">
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fff5d0935.jpg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fda1a9027.jpg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fdde7acca.jpeg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fe6766619.jpeg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fff5d0935.jpg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fda1a9027.jpg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fdde7acca.jpeg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fe6766619.jpeg" /></a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="span6">
                    <h4>联系我们</h4>

                    <div class="contact">
                        <div class="contact_img">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/tencent.jpg" /></a>
                        </div>
                        <div class="contact_info">
                            <p>
                                <a href="#">点击关注<br>
                                    美食之窗腾讯微博</a>
                            </p>
                        </div>
                    </div>
                    <div class="contact">
                        <div class="contact_img">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/sina.jpg" /></a>
                        </div>
                        <div class="contact_info">
                            <p>
                                <a href="#">点击关注<br>
                                    美食之窗新浪微博</a>
                            </p>
                        </div>
                    </div>
                    <div class="contact">
                        <div class="contact_img">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/erwei.jpg" /></a>
                        </div>
                        <div class="contact_info">
                            <p>
                                <a href="#">点击添加<br>
                                    美食之窗微信好友</a>
                            </p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="footer_con2">
                <dl class="friend_link">
                    <dt>友情链接</dt>
                    <dd><a target="_blank" href="#" title="美食">美食</a></dd>
                    <dd><a target="_blank" href="#" title="体质测试">体质测试</a></dd>
                    <dd><a target="_blank" href="#" title="伊特">伊特</a></dd>
                    <dd><a target="_blank" href="#" title="华体网">华体网</a></dd>
                    <dd><a target="_blank" href="#" title="大粤网美食">大粤网美食</a></dd>
                    <dd><a target="_blank" href="#" title="9酷音乐网">9酷音乐网</a></dd>
                    <dd><a target="_blank" href="#" title="365音乐网">365音乐网</a></dd>
                    <dd><a target="_blank" href="#" title="阿里巴巴食品 ">阿里巴巴食品</a></dd>
                    <dd><a target="_blank" href="#" title="图吧">图吧</a></dd>
                    <dd><a target="_blank" href="#" title="汽车论坛">汽车论坛</a></dd>
                    <dd><a target="_blank" href="#" title="39健康饮食">39健康饮食</a></dd>
                    <dd><a target="_blank" href="#" title="吃四方美食天地">吃四方美食天地</a></dd>
                    <dd><a target="_blank" href="#" title="美食天下">美食天下</a></dd>
                    <dd><a target="_blank" href="#" title="天下湘菜">天下湘菜</a></dd>
                    <dd><a target="_blank" href="#" title="特色菜网">特色菜网</a></dd>
                    <dd><a target="_blank" href="#" title="poco美食网">poco美食网</a></dd>
                    <dd><a target="_blank" href="#" title="好的蛋糕网">好的蛋糕网</a></dd>
                    <dd><a target="_blank" href="#" title="中华美食网">中华美食网</a></dd>
                    <dd><a target="_blank" href="#" title="合肥公交网">合肥公交网</a></dd>
                    <dd><a target="_blank" href="#" title="苹果园">苹果园</a></dd>
                    <dd><a target="_blank" href="#" title="香江食評">香江食評</a></dd>
                    <dd><a target="_blank" href="#" title="粤港餐饮网">粤港餐饮网</a></dd>
                    <dd><a target="_blank" href="#" title="小厨美食">小厨美食</a></dd>
                    <dd><a target="_blank" href="#" title="英语口语培训">英语口语培训</a></dd>
                    <dd><a target="_blank" href="#" title="心食谱">心食谱</a></dd>
                    <dd><a target="_blank" href="#" title="北京美食攻略">北京美食攻略</a></dd>
                    <dd><a target="_blank" href="#" title="北京搜房网">北京搜房网</a></dd>
                    <dd><a target="_blank" href="#" title="团800">团800</a></dd>
                    <dd><a target="_blank" href="#" title="胡萝卜英语">胡萝卜英语</a></dd>
                    <dd><a target="_blank" href="#" title="东莞赶集网">东莞赶集网</a></dd>
                    <dd><a target="_blank" href="#" title="厨师网">厨师网</a></dd>
                    <dd><a target="_blank" href="#" title="更多友情链接">更多友情链接</a></dd>
                    <div class="clearfix"></div>
                </dl>
            </div>
            <div class="footer_con3">
                <ul class="zoom1">
                    <li><a target="_blank" href="#" title="公司简介">公司简介</a></li>
                    <li><a target="_blank" href="#" title="企业文化">企业文化</a></li>
                    <li><a target="_blank" href="#" title="公司动态">公司动态</a></li>
                    <li><a target="_blank" href="#" title="免责声明">免责声明</a></li>
                    <li><a target="_blank" href="#" title="联系我们">联系我们</a></li>
                    <li><a target="_blank" href="#" title="招贤纳士">招贤纳士</a></li>
                    <li><a target="_blank" href="#" title="商务合作">商务合作</a></li>
                    <li><a target="_blank" href="#" title="网站地图">网站地图</a></li>
                    <li><a target="_blank" href="#" title="友情链接">友情链接</a></li>

                </ul>
                <p>ICP证号：京ICP备11027992号/京公网安备11010802009977 Copyright © 2003-2013 MEISHIJ CO.,LTD.</p>
            </div>
        </div>
    </div>


    <!-- Le javascript
================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="BootStrap/js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="BootStrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="BootStrap/js/jquery-ui.min.js"></script>
    <script src="Carousel/allinone_thumbnailsBanner.js"></script>
    <script src="lazyload/jquery.unveil.min.js"></script>
    <script src="Carousel/jquery.featureCarousel.js"></script>
    <script type="text/javascript">
        $(function () {
            //image LazyLoad
           $("img").unveil();
            
            var banner_wid = null;
            var banner_hei = null;
            var screen_num = null;
            var $scr_wid = $(window).width();
            if ($scr_wid >= 1200) {
                banner_wid = 1170;
                banner_hei = 384;
                screen_num = 7;
            } else if ($scr_wid >= 768 & $scr_wid <= 979) {
                banner_wid = 724;
                banner_hei = 384;
                screen_num = 5;
            } else {
                banner_wid = 940;
                banner_hei = 384;
                screen_num = 7;
            }
            $('#Banner_simple').allinone_thumbnailsBanner({
                skin: 'simple',
                numberOfThumbsPerScreen: screen_num,
                width: banner_wid,
                height: banner_hei,
                thumbsReflection: 0,
                defaultEffect: 'random'
            });
            //Input placeholder
            
            //3D Carousel
            $("#featureCarousel").featureCarousel({
                //preload: true,
                largeFeatureWidth: 450,
                largeFeatureHeight: 230,
                smallFeatureWidth:225,
                smallFeatureHeight: 115
            });
            //jQueryUI Widgets ——tabs
            $("#material").tabs({
                event: "mouseover",
                selected: 1
            });
            //
            var hdw = $('#material ul li');
            hdw.hover(function () {
                $(this).addClass('active_back').siblings().removeClass('active_back');
            });
            //Bootstrap carousel
            $('.carousel').carousel({
                interval: 2000
            })
            //accordion
            $('#accordion > li').hover(
                    function () {
                        var $this = $(this);
                        $this.stop().animate({ 'width': '480px' }, 500).siblings().stop().animate({ 'width': '115px' }, 500);
                        $('.heading', $this).stop(true, true).fadeOut();
                        $('.bgDescription', $this).stop(true, true).slideDown(500);
                        $('.description', $this).stop(true, true).fadeIn();
                    },
                    function () {
                        var $this = $(this);

                        $('.heading', $this).stop(true, true).fadeIn();
                        $('.description', $this).stop(true, true).fadeOut(500);
                        $('.bgDescription', $this).stop(true, true).slideUp(700);
                    });
        });

    </script>
    <!--[if lte IE 6]>
<script type="text/javascript" src="js/bootstrap-ie.js"></script>
<![endif]-->
</body>
</html>
